/**
 * @Authoer: dusong
 * @Description: 逻辑系统管理
 * @Date 2017/12/7
 * @Modified By:
 *
 */
define([
	'echarts',
	'echartsgl',
	'./themes/lang/' + window.YUFP_SYS_CONFIG.language +
	'/pages/content/systemManager/logicSysManager/logicSysManager.js'
], function(require, exports) {
	exports.ready = function(hashCode, data, cite) {
		// 注册该功能要用到的数据字典
		yufp.lookup.reg('DATA_STS,YESNO,SYS_TYPE');

		yufp.custom.vue({
			el: '#logicSys',
			// 以m_开头的属性为UI数据不作为业务数据，否则为业务数据
			data: function() {
				var me = this;
				return {
					echartOption: {},
					echartOptionGl: {},
					timelineItems: [{
						date: '2018-10-10',
						title: '1.1.1',
						description: '<ul>\
					                                  <li>组件工程规范化调整\
					                                   <ul>\
					                                      <li>组件import别名调整为yuwp-ui</li>\
					                                      <li>全局变量别名由调整，避免和其它版本冲突</li>\
					                                    </ul>\
					                                  </li>\
					                                   <li>组件文档版本切换修复</li>\
					                              </ul>'
					}, {
						date: '2018-09-29',
						title: '1.1.0',
						description: '<ul>\
					                                 <li>业务组件统一命名为x系列，如：xtable、xform、xselect等等\
					                                 <ul>\
					                                   <li>XDialog <- DialogX 对话框</li>\
					                                    <li>Xtree <- TreeX 封装树</li>\
					                                    <li>Xselect <- SelectX 封装下拉框</li>\
					                                    <li>Xradio <- RadioX 封装单选框</li>\
					                                    <li>Xcheckbox <- CheckboxX 封装复选框</li>\
					                                    <li>Xcascader <- CascaderX 封装级联选择器</li>\
					                                    <li>XtableX <- TableX 封装表格，不推荐使用，推荐使用Xtable</li>\
					                                    <li>XformQ <- FormQ 表单查询，不推荐使用，推荐使用Xform</li>\
					                                    <li>XformX <- FormX 封装表单，不推荐使用，推荐使用Xform</li>\
					                                   </ul></li>\
					                                   <li>组件更改统一命名为yu-前缀，同时兼容老版本el-前缀</li>\
					                                  </ul>'
					}, {
						date: '2018-09-15',
						title: '1.1.0',
						description: '<ul>\
					                                <li>新增Xtable组件。</li>\
					                                <li>新增Xform组件</li>\
					                                <li>新增Echarts组件，自动销毁</li>\
					                                <li>Tree/TreeX\
					                                <ul>\
					                                  <li>新增allow-drag属性</li>\
					                                  <li>新增node-dbclick事件</li>\
					                                   <li>新增node-dbclick事件，提供双击事件</li>\
					                                 </ul></li>\
					                                </ul>'
					}],
					restaurants: [], //远程搜索
					state4: '',
					timeout: null,
					input1: '', //带icon的输入框
					input2: '',
					input3: '',
					input4: '',
					money: '1234.4567', //input输入框金额格式化
					input: '', //input框可清空
					password: '',
					formatter: function(money, num) {
						var num = num && num > 0 && num <= 20 ? num : 2;
						var money = parseFloat((money + '').replace(/[^\d\.-]/g, '')).toFixed(num) + '';
						var l = money.split('.')[0].split('').reverse();
						var r = money.split('.')[1];
						var t = '';
						for (var i = 0; i < l.length; i++) {
							t += l[i] + ((i + 1) % 3 == 0 && i + 1 != l.length ? ',' : '');
						}
						return t.split('').reverse().join('') + '.' + r;
					},
					radio2: 3, //单选框
					radio3: '上海',
					radio4: '上海',
					radio5: '上海',
					radio6: '上海',
					checkList: ['选中且禁用', '复选框 A'], //多选框组
					// 图表
					warnNum: '',
					demo: {
						treeUrl: backend.appOcaService + '/api/adminsmrescontr/getcontrinfo'
					},
					pointTableColumns: [{
							label: this.$t('控制操作名称'),
							prop: 'contrName',
							width: 120,
							resizable: true,
							template: function() {
								return '<template scope="scope">\
                                 <a onclick="return false;" href="javascipt:void(0);" style="text-decoration:underline;" @click="_$event(\'custom-row-click\', scope)">{{ scope.row.contrName }}</a>\
                             </template>';
							}
						},
						{
							label: this.$t('控制操作代码'),
							prop: 'contrCode',
							width: 150,
							resizable: true
						}, //sortable: true,
						{
							label: this.$t('控制操作'),
							prop: 'contrUrl',
							resizable: true,
							showOverflowTooltip: true
						},
						{
							label: this.$t('方法'),
							prop: 'methodType',
							width: 100,
							resizable: true,
							dataCode: 'HTTP_METHOD_TYPE'
						},
						{
							label: this.$t('最近变更用户'),
							prop: 'lastChgName',
							width: 120,
							resizable: true
						},
						{
							label: this.$t('最近变更时间'),
							prop: 'lastChgDt',
							width: 120,
							resizable: true
						}
					],
				};
			},
			created: function() {
				// this.getWarnEchartOption();  
				this.initEchart();
				this.initEchartGl();
			},
			mounted: function() {
				this.restaurants = this.loadAll();
			},
			methods: {
				initEchartGl() {
					this.echartOptionGl={
						grid3D: {
							boxWidth: 200,
							        boxDepth: 80,
							        viewControl: {
							            // projection: 'orthographic'
							        },
							        light: {
							            main: {
							                intensity: 1.2,
							                shadow: true
							            },
							            ambient: {
							                intensity: 0.3
							            }
							        }
						},
						xAxis3D: {
							type: 'category',
							data: ['12a', '1a', '2a', '3a', '4a', '5a', '6a',
        '7a', '8a', '9a','10a','11a',
        '12p', '1p', '2p', '3p', '4p', '5p',
        '6p', '7p', '8p', '9p', '10p', '11p']
						},
						yAxis3D: {
							type: 'category',
							data: ['Saturday', 'Friday', 'Thursday',
        'Wednesday', 'Tuesday', 'Monday', 'Sunday']
						},
						zAxis3D: {
							type: 'value'
						},
						series: [{
							type: 'scatter3D',
							symbolSize: 50,
							data: [
								[-1, -1, -1],
								[0, 0, 0],
								[1, 1, 1]
							],
							itemStyle: {
								opacity: 1
							}
						}]
					}
					console.log(this.echartOptionGl)
				},
				initEchart() {
					this.echartOption = {
						xAxis: {
							type: 'category',
							data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun']
						},
						yAxis: {
							type: 'value'
						},
						series: [{
							data: [120, 200, 150, 80, 70, 110, 130],
							type: 'bar',
							showBackground: true,
							backgroundStyle: {
								color: 'rgba(220, 220, 220, 0.8)'
							}
						}]
					};

				},
				rowClick: function(scope) {
					console.log(1)
				},
				loadAll: function() { //远程搜索
					return [{
							'value': '三全鲜食（北新泾店）',
							'address': '长宁区新渔路144号'
						},
						{
							'value': 'Hot honey 首尔炸鸡（仙霞路）',
							'address': '上海市长宁区淞虹路661号'
						},
						{
							'value': '新旺角茶餐厅',
							'address': '上海市普陀区真北路988号创邑金沙谷6号楼113'
						},
						{
							'value': '泷千家(天山西路店)',
							'address': '天山西路438号'
						},
						{
							'value': '胖仙女纸杯蛋糕（上海凌空店）',
							'address': '上海市长宁区金钟路968号1幢18号楼一层商铺18-101'
						},
						{
							'value': '贡茶',
							'address': '上海市长宁区金钟路633号'
						},
						{
							'value': '豪大大香鸡排超级奶爸',
							'address': '上海市嘉定区曹安公路曹安路1685号'
						},
						{
							'value': '茶芝兰（奶茶，手抓饼）',
							'address': '上海市普陀区同普路1435号'
						},
						{
							'value': '十二泷町',
							'address': '上海市北翟路1444弄81号B幢-107'
						},
						{
							'value': '星移浓缩咖啡',
							'address': '上海市嘉定区新郁路817号'
						},
						{
							'value': '阿姨奶茶/豪大大',
							'address': '嘉定区曹安路1611号'
						},
						{
							'value': '新麦甜四季甜品炸鸡',
							'address': '嘉定区曹安公路2383弄55号'
						},
						{
							'value': 'Monica摩托主题咖啡店',
							'address': '嘉定区江桥镇曹安公路2409号1F，2383弄62号1F'
						},
						{
							'value': '浮生若茶（凌空soho店）',
							'address': '上海长宁区金钟路968号9号楼地下一层'
						},
						{
							'value': 'NONO JUICE  鲜榨果汁',
							'address': '上海市长宁区天山西路119号'
						},
						{
							'value': 'CoCo都可(北新泾店）',
							'address': '上海市长宁区仙霞西路'
						},
						{
							'value': '快乐柠檬（神州智慧店）',
							'address': '上海市长宁区天山西路567号1层R117号店铺'
						},
						{
							'value': 'Merci Paul cafe',
							'address': '上海市普陀区光复西路丹巴路28弄6号楼819'
						},
						{
							'value': '猫山王（西郊百联店）',
							'address': '上海市长宁区仙霞西路88号第一层G05-F01-1-306'
						},
						{
							'value': '枪会山',
							'address': '上海市普陀区棕榈路'
						},
						{
							'value': '纵食',
							'address': '元丰天山花园(东门) 双流路267号'
						},
						{
							'value': '钱记',
							'address': '上海市长宁区天山西路'
						},
						{
							'value': '壹杯加',
							'address': '上海市长宁区通协路'
						},
						{
							'value': '唦哇嘀咖',
							'address': '上海市长宁区新泾镇金钟路999号2幢（B幢）第01层第1-02A单元'
						},
						{
							'value': '爱茜茜里(西郊百联)',
							'address': '长宁区仙霞西路88号1305室'
						},
						{
							'value': '爱茜茜里(近铁广场)',
							'address': '上海市普陀区真北路818号近铁城市广场北区地下二楼N-B2-O2-C商铺'
						},
						{
							'value': '鲜果榨汁（金沙江路和美广店）',
							'address': '普陀区金沙江路2239号金沙和美广场B1-10-6'
						},
						{
							'value': '开心丽果（缤谷店）',
							'address': '上海市长宁区威宁路天山路341号'
						},
						{
							'value': '超级鸡车（丰庄路店）',
							'address': '上海市嘉定区丰庄路240号'
						},
						{
							'value': '妙生活果园（北新泾店）',
							'address': '长宁区新渔路144号'
						},
						{
							'value': '香宜度麻辣香锅',
							'address': '长宁区淞虹路148号'
						},
						{
							'value': '凡仔汉堡（老真北路店）',
							'address': '上海市普陀区老真北路160号'
						},
						{
							'value': '港式小铺',
							'address': '上海市长宁区金钟路968号15楼15-105室'
						},
						{
							'value': '蜀香源麻辣香锅（剑河路店）',
							'address': '剑河路443-1'
						},
						{
							'value': '北京饺子馆',
							'address': '长宁区北新泾街道天山西路490-1号'
						},
						{
							'value': '饭典*新简餐（凌空SOHO店）',
							'address': '上海市长宁区金钟路968号9号楼地下一层9-83室'
						},
						{
							'value': '焦耳·川式快餐（金钟路店）',
							'address': '上海市金钟路633号地下一层甲部'
						},
						{
							'value': '动力鸡车',
							'address': '长宁区仙霞西路299弄3号101B'
						},
						{
							'value': '浏阳蒸菜',
							'address': '天山西路430号'
						},
						{
							'value': '四海游龙（天山西路店）',
							'address': '上海市长宁区天山西路'
						},
						{
							'value': '樱花食堂（凌空店）',
							'address': '上海市长宁区金钟路968号15楼15-105室'
						},
						{
							'value': '壹分米客家传统调制米粉(天山店)',
							'address': '天山西路428号'
						},
						{
							'value': '福荣祥烧腊（平溪路店）',
							'address': '上海市长宁区协和路福泉路255弄57-73号'
						},
						{
							'value': '速记黄焖鸡米饭',
							'address': '上海市长宁区北新泾街道金钟路180号1层01号摊位'
						},
						{
							'value': '红辣椒麻辣烫',
							'address': '上海市长宁区天山西路492号'
						},
						{
							'value': '(小杨生煎)西郊百联餐厅',
							'address': '长宁区仙霞西路88号百联2楼'
						},
						{
							'value': '阳阳麻辣烫',
							'address': '天山西路389号'
						},
						{
							'value': '南拳妈妈龙虾盖浇饭',
							'address': '普陀区金沙江路1699号鑫乐惠美食广场A13'
						}
					];
				},
				querySearchAsync: function(queryString, cb) {
					var restaurants = this.restaurants;
					var results = queryString ? restaurants.filter(this.createStateFilter(queryString)) : restaurants;

					clearTimeout(this.timeout);
					this.timeout = setTimeout(function() {
						cb(results);
					}, 3000 * Math.random());
				},
				createStateFilter: function(queryString) {
					return function(state) {
						return (state.value.indexOf(queryString.toLowerCase()) === 0);
					};
				},
				handleSelect: function(item) {
					yufp.logger.info(item);
				}
				//   rowClickFn: function (row, index) {
				//     this.mainGrid.currentRow = this.$refs.mytable.selections[0];
				//   },
				//   queryMainGridFn: function () {
				//     var me = this;
				//     me.$refs.mytable.remoteData();
				//   },
				//   openCreateFn: function () {
				//     this.dialogStatus = 'create';

				//     this.dialogFormVisible = true;
				//     this.formDisabled = false;
				//     this.$nextTick(function () {
				//       this.$refs.myform.resetFn();
				//       this.$refs.myform.switch('funcName', 'hidden', false);
				//       this.$refs.myform.switch('roleName', 'hidden', false);
				//       this.indexFuncId = '';
				//     });
				//   },
				//   // 首页配置确认
				//   indexCheck: function () {
				//     if (this.$refs.indexTable.selections.length < 1) {
				//       this.$message({message: this.$t('logicSysManager.qxzytsj'), type: 'warning'});
				//       return;
				//     }
				//     var indexInfo = this.$refs.indexTable.selections[0];
				//     this.$refs.myform.formModel.funcName = indexInfo.funcName;
				//     this.indexFuncId = indexInfo.funcId;
				//     this.dialogIndexVisible = false;
				//   },
			}
		});
	};

	// 消息处理
	exports.onmessage = function(type, message) {

	};

	// page销毁时触发destroy方法
	exports.destroy = function(id, cite) {

	};
});
